<template>
<el-container>
    <el-header class="login-one">
      <el-row>
          <el-col :span="8">华清商场后台管理系统</el-col>
          <el-col :span="8">&nbsp;</el-col>
          <el-col :span="8" align="right">
            <el-button type="success" icon="el-icon-delete" size="mini" round="">退出登录</el-button>
            <el-button type="success" icon="el-icon-edit" size="mini" round="">修改密码</el-button>
          </el-col>
      </el-row>
    </el-header>
    <el-container>
        <el-aside width="220px">
          <!--导航菜单-->
          <el-menu
            :default-openeds="['1']"
            router
            class="el-menu-vertical-demo"
          >
            <!--一级菜单-->
            <el-submenu index="1">
                  <template slot="title">
                     <i class="el-icon-setting"></i> <span>系统管理</span>
                  </template>
                <!--二级菜单-->
                <el-menu-item index="/admin/index/userInfo">
                    <i class="el-icon-user-solid"></i> <span>用户管理</span>
                </el-menu-item>
                <el-menu-item>
                  <i class="el-icon-user"></i> <span>角色管理</span>
                </el-menu-item>
                 <el-menu-item>
                  <i class="el-icon-s-custom"></i> <span>权限管理</span>
              </el-menu-item>

            </el-submenu>

            <!--一级菜单-->
            <el-submenu index="2">
              <template slot="title">
                <i class="el-icon-delete"></i> <span>首页管理</span>
              </template>
              <!--二级菜单-->
              <el-menu-item>
                <i class="el-icon-delete"></i> <span>热卖商品管理</span>
              </el-menu-item>
              <el-menu-item>
                <i class="el-icon-delete"></i> <span>一楼商品管理</span>
              </el-menu-item>
              <el-menu-item>
                <i class="el-icon-delete"></i> <span>二楼商品管理</span>
              </el-menu-item>

            </el-submenu>

          </el-menu>
        </el-aside>
        <el-main>

          <!--路由视图-->
          <router-view></router-view>
        </el-main>
    </el-container>
</el-container>

</template>

<script>
    export default {
        name: "AdminIndex"
    }
</script>

<style scoped>
  @import url("../../../assets/index.css");
  .el-container{

    height: 100%;
  }
  .el-header{
     color: white;
     font-size:22px;
     padding-top: 10px;

  }
  .el-aside{
     height: 100%;
     border:solid 1px #b6b6b6;
  }
  .el-main{

    height: 100%;
  }
</style>
